
#activitydetails{
  background-color: #f7f7f7;
  height:100%;
  width:100%;
  .actmsg{
    background-color: white;
    padding: 0 15px 15px;
    position: relative;
    .signpic{
      position:absolute;
      top: 0px;
      right: 0px;
      width: 65px;
      height: 65px;
    }
  }
  .header{
    padding: 15px 0;
    overflow: hidden;
    .pic{
      overflow:hidden;
      float: left;
      display: inline-block;
      width: 60px;
      height: 60px;
      border: 1px solid #e6e6e6;
      vertical-align: middle;
      img{
        width: 60px;
        height: 60px;
      }
    }
    .txt{
      margin-left: 80px;
      width:60%;
      // display: block;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      font-size: 14px;
    }
  }
  .main{
    span{
      font-size: 14px;
      color: #5e5e5e;
    }
    i{
      width: 15px;
      text-align: center;
    }
  }
  .activityContent{
    background-color: white;
    padding:15px 16px;
    margin-top: 10px;
    position:relative;
    .fa-file-text-o{
      position: absolute;
      top: 19px;
      left: 16px;
    }
    .contain{
      width: 90%;
      overflow-x: scroll;
      padding-left: 20px;
      p{
        font-size:14px;
        color: #5e5e5e;
      }
      p > img{
        width: 100%;
      }
    }
  }
}
